<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
    <script src="./lib/sea.js"></script>
    <script src="./lib/knockout-3.5.0rc.js"></script>
    <script src="./lib/jquery.min.js"></script>
    <script src="script/jquery.cookie.js"></script>
    <link rel="stylesheet" href="./css/index.css">

</head>
<body>
<div class="all">
    <div class="wrap">
        <div class="menu"  data-bind="foreach:UserList">
            <div class="menu-item">
                <div class="menu-item-child" data-bind="attr:{index:$index}">
                    <p class="pull-left" data-bind="text: text"></p>
                    <img src="./image/right.png" class="downBtn">
                </div>
                <div class="menu-item-next" data-bind="foreach: children">
                     <div class="menu-item-next-child" data-bind="attr: {path:menuPath,type:children.length>0?1:0}">
                         <span data-bind="text:text"></span>
                         <div data-bind="if: children.length>0" class="downBtn" style="margin-top: 0">
                             <img  src="./image/right.png" class="downBtn"  style="margin-right: 10px">
                         </div>


                     </div>
                    <div class="menu-item-next-last" data-bind="foreach: children" style="margin-top: 10px">
                        <div class="menu-item-next-childs" data-bind="attr: {path:menuPath },text:text" ></div>
                    </div>
                </div>

            </div>

        </div>
</div>
    <div id="content"></div>

</div>
<script type="text/javascript">

seajs.config({
    base: './script',
    charset: 'utf-8'
});
seajs.use('index', function(main) {
    main.init();
});

</script>
</body>
</html>